@charset "utf-8";

@font-face {
	font-family: 'NanumGothic';
        src:url(../font/nanum.ttf);
}

.hidden{display:none;}
/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{
	margin:0;
	padding:0;
	font-size: 14px;
        font-family: NanumGothic;
}
body,input,textarea,select,button,table{font-family:NanumGothic;  font-size:small; color:#666; line-height:20px;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;color:#666}
a:hover,a:active,a:focus{text-decoration:underline;color:#323232;cursor:pointer}
caption{visibility:hidden;height:0;font-size:0;line-height:0}
legend{visibility:hidden;position:absolute;left:-9999px;top:-9999px}


/* layout */

#body {text-align: center; font-family:NanumGothic;}
#wrap { width:700px;  
margin:0 auto;
text-align:left ;
border:solid 1px; border-color:#dadaad}
#header { width:100%; padding:0 0;}
#headerbg {background:url(../images/mail/mail_bg.png) repeat-x 0 0; height:100px; position:relative;}
#mailtop {margin-left:20px; }
#mailtop .tit{
	position:absolute;
	left:17px;
	top:43px;
	font-size:22px;
	color:#e8e8dd;
	padding:20px;
	
}

#header:after{content:"";
clear:both;
display:block;
}
#footer{
width:100%;
background-color:#f7f7f7;
text-align:center;
font-style:normal;
font-family: NanumGothic;
font-size:0.9em;
color:#666;
padding:20px 0 15px;
margin-top:40px;}
#title {float:left; padding:0px 20px 0px 20px;  font-family: NanumGothic;}
#logo {float:right; padding:20px 20px 0px 20px;  font-family: NanumGothic;}

#contents {}
#section { position:relative; padding:50px; font-family: NanumGothic;}
#section .caption{
	position:absolute;
	left:-1px;
	bottom:72px;
	font-size:22px;
	color:#fff;
	padding:20px;
	background-color:rgba(124,192,203, 0.7);
	text-shadow: 1px 1px 0 gray;
        font-family: NanumGothic;
}


/* text */
.text1{ font-size:14px; color:#2c3fcd; line-height:24px; font-family: NanumGothic;}
.text2{ font-size:14px; color:#666; font-family: NanumGothic;}
.text3{ font-size:14px; color:#c86d26; font-family: NanumGothic;}
.text4{ font-size:14px; color:#c86d26; font-family: NanumGothic;}
.text5{ font-size:14px; color:#008ff6; font-family: NanumGothic;}
.text6{ font-size:14px; color:Blue; font-family: NanumGothic;}
.line_messege{ border-top:solid 1px;  border-bottom:solid 1px;color:Black; height:100px;  font-family: NanumGothic;}

/* table */
.tblType1{table-layout:fixed;width:100%;border:0;border-spacing:0;border-collapse:collapse;background-color:#fff;font-weight: bold}
.tblType1 th,.tblType1 td{border:1px solid #bdc4cc;vertical-align:middle;height:20px;padding-top:2px;padding-bottom:2px}
.tblType1 th{background:#5e5e5e;font-weight:bold;color:#fff; line-height:15px; }
.tblType1 td{padding-left:7px;padding-right:7px;font-weight: normal}
.tblType1 tbody th{padding-right:10px;padding-left:10px}
.tblType1 thead th{text-align:center;}
.tblType1 .title{text-align:left}
.tblType1 .titleC{text-align:center}
.tblType1 .sub{background:#9d9c9c; color:#FFF; text-align:center}

/* align */
.ar{text-align:right !important}
.al{text-align:left !important}
.ac{text-align:center !important}
.aj{text-align:justify !important}
.vt{vertical-align:top !important}
.vb{vertical-align:bottom !important}
.vm{vertical-align:middle !important}

/* margin */
.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt20{margin-top:20px !important}
.mgt30{margin-top:20px !important}
.mgl5{margin-left:5px !important}
.mgl10{margin-left:10px !important}
.mgl20{margin-left:20px !important}
.mgl30{margin-left:30px !important}

/* table multi  */
.multi_table{width:100%;overflow:hidden;}
.multi_table img{vertical-align:top}
.multi_table .selectG{width:45%;}
.multi_table .multiple{border:1px solid #bbb;width:100%; line-height:18px; padding:10px;}
